{% extends "base.html" %}
{% load static %}
{% block title %}创建{% endblock %}
{% block css %}
<link rel="stylesheet" href="{% static 'css/update_product.css' %}">
<link rel="stylesheet" href="{% static 'css/bootstrap.min.css' %}">
{% endblock %}
{% block content %}

<div class="container-fluid update-form">
    <div class="form">
        <div id="type-div" class="update-info row">
            <div class="update-key col-2">类型</div>
            <div class="update-value col-10">
                <input type="radio" name="type" value="动画">  
                <label for="动画" id="option-anime" class="option">动画</label> 
                <input type="radio" name="type" value="电影">  
                <label for="电影" id="option-movie" class="option">电影</label>
                <input type="radio" name="type" value="电视剧">  
                <label for="电视剧" id="option-teleplay" class="option">电视剧</label>
                <input type="radio" name="type" value="小说">  
                <label for="小说" id="option-novel" class="option">小说</label>
            </div>
        </div>
        <div id="theme-div" class="update-info row">
            <div class="update-key col-2">系列</div>
            <div class="update-value col-10"><input class="update-input" type="text" id="theme"> </div>
        </div>
        <div id="title-div" class="update-info row">
            <div class="update-key col-2">标题</div>
            <div class="update-value col-10"><input class="update-input" type="text" id="title"> </div>
        </div>
        <div id="season-div" class="update-info row">
            <div class="update-key col-2">序列</div>
            <div class="update-value col-10">
                <input class="update-input" type="text" name="season" list="seasonlist" id="season"> 
                <datalist id="seasonlist">
                    <option>第一季</option>
                    <option>第二季</option>
                    <option>第三季</option>
                    <option>第四季</option>
                    <option>第五季</option>
                </datalist> 
            </div>
        </div>
        <div id="subtitle-div" class="update-info row">
            <div class="update-key col-2">副标题</div>
            <div class="update-value col-10"><input class="update-input" type="text" id="subtitle"> </div>
        </div>
        <div id="playmode-div" class="update-info row">
            <div class="update-key col-2">形式</div>
            <div class="update-value col-10">
                <select name="playmode" class="update-input" id="playmode"></select> 
            </div>
        </div>
        <div id="dim-div" class="update-info row">
            <div class="update-key col-2">维度</div>
            <div class="update-value col-10">
                <select name="dim" class="update-input" id="dim"></select>
            </div>
        </div>
        <div id="episodes-div" class="update-info row">
            <div class="update-key col-2">集数</div>
            <div class="update-value col-10"><input class="update-input" type="text" id="episodes"> </div>
        </div>
        <div id="duration-div" class="update-info row">
            <div class="update-key col-2">时长</div>
            <div class="update-value col-10"><input class="update-input" type="text" id="duration" value="20"> </div>
        </div>
        <div id="episode_start-div" class="update-info row">
            <div class="update-key col-2">首集</div>
            <div class="update-value col-10"><input class="update-input" type="text" id="episode_start" value="1"> </div>
        </div>
        <div id="episode_end-div" class="update-info row">
            <div class="update-key col-2">末集</div>
            <div class="update-value col-10"><input class="update-input" type="text" id="episode_end"> </div>
        </div>
        <div id="chapters-div" class="update-info row">
            <div class="update-key col-2">章节</div>
            <div class="update-value col-10"><input class="update-input" type="text" id="chapters"> </div>
        </div>
        <div id="words-div" class="update-info row">
            <div class="update-key col-2">字数</div>
            <div class="update-value col-10"><input class="update-input" type="text" id="words"> </div>
        </div>
        <div id="date_start-div" class="update-info row">
            <div class="update-key col-2" id="date_start-title">开播时间</div>
            <div class="update-value col-10"><input class="update-input" type="text" id="date_start"> </div>
        </div>
        <div id="date_end-div" class="update-info row">
            <div class="update-key col-2" id="date_end-title">完播时间</div>
            <div class="update-value col-10"><input class="update-input" type="text" id="date_end"> </div>
        </div>
        <div id="producer-div" class="update-info row">
            <div class="update-key col-2">制作</div>
            <div class="update-value col-10"><input class="update-input" type="text" id="producer"> </div>
        </div>
        <div id="director-div" class="update-info row">
            <div class="update-key col-2" id="director-title">导演</div>
            <div class="update-value col-10"><input class="update-input" type="text" id="director"> </div>
        </div>
            
        <button id="submit">更新</button> 
    </div>
</div>

<script src="{% static 'js/update_product.js' %}"></script>
{% endblock %}